<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>帖子 | KeyBoard For Fun!</title>
		<link rel="stylesheet" type="text/css" href="my_page_style.css"/>
		<script src="my_page_javascript.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body id="bodystyle">
		<div id="top">
				<div id="NAVBAR">
					<div id="logo">
						<div id="LOGO">
							<strong>Geek KeyBoard</strong>
						</div>
					</div>
					<div id="CONTENTS">
						<ul>
							<p onclick="openHOMEPAGE()">首页</p>
							<li>今日热点</li>
							<li>生活区</li>
						</ul>
						<ul>
							<p>装备社区</p>
							<li>生活区</li>
							<li onclick="openTIEZI()">装备展示厅</li>
							<li>装备情报</li>
							<li>提问区</li>
							<li>交易信息区</li>
						</ul>
						<ul>
							<p onclick="openSHOP()">装备商店</p>
							<li>机械键盘</li>
							<li>键帽</li>
							<li>键盘轴体</li>
							<li onclick="openSHOPDETAIL()">模玩手办</li>
							<li>音频HiFi</li>
						</ul>
						<ul>
							<p>装备信息</p>
							<li>装备百科</li>
							<li>新品发车</li>
							<li>科普文章</li>
						</ul>
						<ul>
							<p style="border-right: none;" onclick="openUSER()">个人中心</p>
							<li>我的帖子</li>
							<li>个人信息</li>
							<li>购物车</li>
							<li>收藏夹</li>
						</ul>
					</div>
					<div id="SEARCH">
						<div class="icon" title="这里是搜索栏哦" style="cursor:pointer;">&#xf002 </div>
						<form action="" method="" >
							<input type="text" name="firstname" placeholder="在 Geek KeyBoard！中搜索">
						</form>
					</div>
					<div id="USER">
						<div class="icon">&#xf007 </div>
						<a href="#" title="点击登录或注册进入Geek KeyBoard!" onclick="log_on_open()">登录 | 注册</a>
					</div>
				</div>
		</div>
		<div id="log_on">
			<div id="log_on_top">
				<div id="log_on_top_title">登录  Geek KeyBoard!</div>
				<div id="log_on_close" title="点击关闭该窗口" onclick="log_on_close()">关闭</div>
			</div>
			<div id="log_on_left">
			 <strong><h3>账号密码登录</h3></strong>
			 <form action="#" method="get" id="form1">
				<input type="mail" name="mymail" placeholder="请输入您的账号" class="input1">
				<input type="password" name="mypassword1" placeholder="请输入你的密码" class="input2">
				<div id="checkbox">
					<input type="checkbox" name="check" id="check" value="1" />
					<label for="check">点击即表示同意《服务协议》</label>
				</div>	
				<a href="#" onclick="zhuce()">还没有账号？点击注册！</a>
				<button type="submit" class="checkbox_1"><strong>登&nbsp;录</strong></button>
			 </form>
			</div>
			<div id="log_on_right">
				<strong><h3>使用微信扫一扫登录</h3></strong>
				<img src="images/bottom_img1.png" >
			</div>
		</div>
		<div id="main_title">首页 —> 装备展示厅</div>
		<div id="main_left">
			<h1>深潜的梦 T6.5的沉溺</h1>
			<div class="author_line">
				<p>by</p>
				<a href="带作业-模块页2.html">Infinitykw</a>
				<p>&nbsp;&nbsp;&nbsp;2019.11.8</p>
			</div>
			<h5>灵感始于一个深潜的梦，始于水光四溅，终于窒息深渊。作者说，t6.5 黑pc 是很昂贵的一个选项。黑pc在加工中易变形，导致报废，且为了追求观感和触感，选择了手感漆的表面处理，更增加了报废量。所以，拿到黑PC的哥们，好好享受吧-----</h5>
			<img src="images/imgs6-7.jpg" >
			<h5>氧气越来越稀薄，黑色的半影附着在漆黑的t6.5，身体被缭绕的乌云包裹。</h5>
			<img src="images/imgs6-1.jpg" >
			<h5>这是一次纯粹的玩家合作。从概念商讨，到制作修改，始于真实的喜爱，终于真诚的协助。最近流传“寒冬”，个人认为不是东西太少，相反是太多产生的迷茫。所以不禁思考应该怎么去玩，或者说应该如何继续爱着。在疯狂的购买出售循环里能不能找到属于自己的支点。这块键盘是我找到的答案。一场充满惊喜的跨界。爱了，爱了。写到这里，我只想说。所以，烧吗，是的，也退烧了吗，是的。</h5>
			<img src="images/imgs6-4.jpg" >
			<h5>震惊于t6.5黑pc极致的触感，就像抚摸海豚，或者鲸的背鳍，充满湿润的滑，连装轴都异常轻松，再一次坚定了让他与水连接的想法。
			作者说，t6.5 黑pc 是很昂贵的一个选项。黑pc在加工中易变形，导致报废，且为了追求观感和触感，选择了手感漆的表面处理，更增加了报废量。所以，拿到黑PC的哥们，好好享受吧-----</h5>
			<img src="images/imgs6-6.jpg" >
			<h5>如果深潜的梦终于无光海底，让我永不醒来。</h5>
			<h5 style="color: lightblue; margin: 40px auto;">最后编辑于 2019.11.8</h5>
			<h2 class="right_title">更多帖子</h2>
			<div class="left_more">
				<img src="images/author_share1.jpg" >
				<h5>唯一的RX-78-2</h5>
				<h6 title="这是一把纯粹的RX78-V2。大到展示盒，小到卫星轴，都采用了主题配色和设计。">这是一把纯粹的RX78-V2。大到展示盒</h6>
			</div>
			<div class="left_more">
				<img src="images/author_share2.jpg" >
				<h5>-好好听歌-</h5>
				<h6 title="入坑的初衷是为了能好好听自己喜欢的歌，后来又加上了颜值的要求">入坑的初衷是为了能好好听自己喜欢的歌</h6>
			</div>
			<div class="left_more">
				<img src="images/author_share3.jpg" >
				<h5>-意外之礼-</h5>
				<h6 title="所以我们就坐在夕阳的五道营，好好欣赏了这两只小可爱模型">所以我们就坐在夕阳的五道营，</h6>
			</div>
		</div>
		<div id="main_right">
			<div id="right_top">
				<img src="images/main_icon.jpg" >
				<a href="#">装备展示厅 ->></a>
			</div>
			<h3>帖子作者</h3>
			<div id="author">
				<div class="author_top">
					<img src="images/user_icon_1.jpg" onclick="openUSER()">
					<p onclick="openUSER()">Infinitykw</p>
				</div>
				<div id="author_mid">
					<div class="mid_author">
						<p class="author_num">26</p>
						<p class="author_item">发帖数</p>
					</div>
					<div class="mid_author">
						<p class="author_num">85</p>
						<p class="author_item">签到装备</p>
					</div>
					<div class="mid_author">
						<p class="author_num">587</p>
						<p class="author_item">赞</p>
					</div>
				</div>
				<div id="author_bottom">
					<a href="#" class="author_bottom_a1">关注</a>
					<a href="#" class="author_bottom_a2" onclick="openUSER()">TA的主页</a>
				</div>
			</div>
			<h2 class="right_title">近期分享</h2>
			<div class="author_share">
				<img src="images/author_share1.jpg" >
				<div class="share_word">
					<h3>-唯一的RX-78-2-</h3>
					<p onclick="openUSER()">by Infinitykw</p>
					<h5>生活区</h5>
				</div>
			</div>
			<div class="author_share">
				<img src="images/author_share2.jpg" >
				<div class="share_word">
					<h3>-好好听歌-</h3>
					<p onclick="openUSER()">by Infinitykw</p>
					<h5>装备展示厅</h5>
				</div>
			</div>
			<div class="author_share">
				<img src="images/author_share3.jpg" >
				<div class="share_word">
					<h3>-意外之礼-</h3>
					<p onclick="openUSER()">by Infinitykw</p>
					<h5>装备展示厅</h5>
				</div>
			</div>
			<h2 class="right_title">装备签到</h2>
			<div class="author_equipment">
				<img src="images/equipment1.jpg" >
				<p title="Think6.5">Think6.5</p>
			</div>
			<div class="author_equipment">
				<img src="images/equipment2.jpg" >
				<p title="Medieval">Medieval</p>
			</div>
			<div class="author_equipment">
				<img src="images/equipment3.jpg" >
				<p title="GMK SHOKO">GMK SHOKO</p>
			</div>
			<h2 class="right_title">帖子点赞</h2>
			<div id="thumbs_up">
				<img src="images/user_icon_2.jpg" >
				<img src="images/user_icon_3.jpg" >
				<img src="images/headimg11.jpg" >
				<img src="images/user_icon_4.png" >
				<img src="images/user_icon_6.jpg" >
				<img src="images/headimg12.jpg" >
				<img src="images/user_icon_5.png" >
				<img src="images/headimg8.jpg" >
				<img src="images/user_icon_1.jpg" >
				<img src="images/headimg10.jpg" >
				<img src="images/headimg4.jpg" >
				<img src="images/headimg1.jpg" >
				<img src="images/headimg5.jpg" >
				<img src="images/headimg3.jpg" >
				<img src="images/headimg9.jpg" >
			</div>
		</div>
		<button type="button" onclick="back_to_top()" class="button2" title="点击返回顶部"><div class="icon" style="color: white;">&#xf148 </div></button>
		<div id="bottom">
			<div class="bottom_list">
				<div class="bottom_title"><a href="#">Geek KeyBoard!</a></div>
				<ul>
					<li><a href="#">网站指南</a></li>
					<li><a href="#">用户协议</a></li>
					<li><a href="#">在线客服</a></li>
					<li><a href="#">关于我们</a></li>
					<li><a href="#">加入我们</a></li>
				</ul>
			</div>
			<div class="bottom_list">
				<div class="bottom_title"><a href="#">合作厂商</a></div>
				<ul>
					<li><a href="#">GMKeyCaps</a></li>
					<li><a href="#">JTKeyCaps</a></li>
					<li><a href="#">利奥博德Leopold</a></li>
					<li><a href="#">斐尔可Filco</a></li>
					<li><a href="#">阿米洛Varmilo</a></li>
				</ul>
			</div>
			<div class="bottom_list">
				<div class="bottom_title"><a href="#">友情链接</a></div>
				<ul>
					<li><a href="https://www.zfrontier.com/" target="_blank">装备前线|zFrontier</a></li>
					<li><a href="https://www.geekmaker.com/" target="_blank">极制|GeekMaker</a></li>
					<li><a href="https://percent.studio/" target="_blank">Percent Studio</a></li>
					<li><a href="https://shop64592671.taobao.com/?spm=a230r.7195193.1997079397.2.38cb2f94E5G5Sr" target="_blank">怡科外设</a></li>
					<li><a href="https://shop105902419.taobao.com/?spm=a230r.7195193.1997079397.2.179d289a271WPK" target="_blank">酷品世家</a></li>
					<li><a href="https://shop117148064.taobao.com/?spm=a230r.7195193.1997079397.2.413a5d118CPOBb" target="_blank">键帽馆</a></li>
				</ul>
			</div>
			<div class="bottom_img">
				<img src="images/bottom_img1.png" >
			</div>
			<div class="bottom_img">
				<img src="images/bottom_img2.jpg" >
			</div>
			<div class="bottom_last">
			</div>
		</div>
	</body>
</html>
